<template>
    <div>
      <div>
        <NavBar :title="title" :route="route"></NavBar>
      </div>
      <div>
        <van-search
          v-model="value"
          show-action
          placeholder="请输入院校名称"
          @search="onSearch"
        >
          <template #action>
            <div class="searchBtn" @click="onSearch">搜索</div>

          </template>
        </van-search>
      </div>
      <div>
        <div class="school" @click="examination"><img :src="Loger">&nbsp;&nbsp;<span>金榜登科第一中学</span></div>
        <div class="school" @click="examination"><img :src="Loger">&nbsp;&nbsp;<span>金榜登科第二中学</span></div>
        <div class="school" @click="examination"><img :src="Loger">&nbsp;&nbsp;<span>金榜登科第三中学</span></div>
        <div class="school" @click="examination"><img :src="Loger">&nbsp;&nbsp;<span>金榜登科第四中学</span></div>
        <div class="school" @click="examination"><img :src="Loger">&nbsp;&nbsp;<span>金榜登科第四中学</span></div>
        <div class="school"@click="examination"><img :src="Loger">&nbsp;&nbsp;<span>金榜登科第四中学</span></div>
      </div>
    </div>
</template>

<script>
  import NavBar from '@/components/navBar.vue'
    import Loger from '../../assets/logea.png'
    export default {
      components: {
        NavBar,

      },
        name: "",
         data(){
            return{
              // 标题  路由
              title: '院校报名',
              route: '/MyHome',
              // 搜索
              value: '',
              Loger
            }
         },
        methods:{
          //考试路由
          examination() {
            this.$router.push('examination')
          },
          onSearch(val) {
            this.$router.push('SearchCollege')
          },
        }
    }
</script>

<style scoped>

</style>
